<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=393, height=853, initial-scale=1.0, user-scalable=no">
    <title>订单页面</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <!-- 标题栏 -->
    <div class="header">
        <h1>订单</h1>
    </div>

    <!-- 订单列表 -->
    <div class="order-list">
        <div class="order-item">
            <img src="{{ url_for('static', filename='photos/订单1.jpg') }}" alt="收藏门票">
            <a href="{{ url_for('collect_orders') }}" class="order-button">已收藏门票</a>
        </div>
        <div class="order-item">
            <img src="{{ url_for('static', filename='photos/订单2.jpg') }}" alt="预约门票">
            <a href="{{ url_for('book_orders') }}" class="order-button">已预约门票</a>
        </div>
        <div class="order-item">
            <img src="{{ url_for('static', filename='photos/订单3.jpg') }}" alt="完成门票">
            <a href="{{ url_for('complete_orders') }}" class="order-button">已完成门票</a>
        </div>
        <div class="order-item">
            <img src="{{ url_for('static', filename='photos/订单4.jpg') }}" alt="取消门票">
            <a href="{{ url_for('cancel_orders') }}" class="order-button">已取消门票</a>
        </div>
        <div class="order-item">
            <img src="{{ url_for('static', filename='photos/订单5.jpg') }}" alt="预约团票">
            <a href="{{ url_for('book_groups') }}" class="order-button">已预约团票</a>
        </div>
    </div>

    <!-- 底部导航栏 -->
    <div class="navbar">
        <a href="{{ url_for('home') }}" class="nav-item">
            <img src="{{ url_for('static', filename='photos/首页2.png') }}" alt="首页">
            <p>首页</p>
        </a>
        <a href="{{ url_for('order') }}" class="nav-item active">
            <img src="{{ url_for('static', filename='photos/订单1.png') }}" alt="订单">
            <p>订单</p>
        </a>
        <a href="{{ url_for('my') }}" class="nav-item">
            <img src="{{ url_for('static', filename='photos/我的2.png') }}" alt="我的">
            <p>我的</p>
        </a>
    </div>
</body>
</html>
